#main {
	padding: 20px;
	
	#formDisplay {
		margin: 10px auto;
		max-width: 500px;
		background-color: white;
		border: 1px solid #DDD;
		-webkit-border-radius: 4px;
		padding: 20px;
		
		legend {
			border: none;
			margin-bottom: 10px;
		}

		div.legend {
			font-size: 95%;
			font-weight: bold;
			color: #222;
			line-height: 150%;
			margin: 0;
			padding: 0 0 3px 0;
			border: none;
			display: block;
			white-space: normal;
			margin-bottom: 10px;
		}
		label.choice {
			display: block;
			font-size: 100%;
			line-height: 150%; 
			margin: -22px 0 0 23px;
			padding: 0 0 5px 0;
			color: #222;
			width: 88%;
		}
		
		label.desc, legend.desc {
			font-size: 95%;
			font-weight: bold;
			color: #222;
			line-height: 150%;
			margin: 0;
			padding: 0 0 3px 0;
			border: none;
			display: block;
			white-space: normal;
			width: 100%;
			
			&.thin {
				font-weight: normal;
			}
		}

		input[disabled], select[disabled] {
			color: #666 !important;
			opacity: 1 !important;
			cursor: pointer;
		}
		input.medium, select.medium {
			width: 50%;
		}
		input.text, input.search, textarea.textarea {
			border-top: 1px solid #7c7c7c;
			border-left: 1px solid #c3c3c3;
			border-right: 1px solid #c3c3c3;
			border-bottom: 1px solid #ddd;
		}
		input.text, input.search, input.file, textarea.textarea, select.select {
			font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
			font-size: 100%;
			color: #333;
			margin: 0;
			padding: 2px 0;
		}
	}
	.form-horizontal .control-group {
	  	margin-bottom: 10px;	  
	}

	form.group {
		max-width: 500px;
		margin: 20px auto;
	
		margin-bottom: 10px;
		padding: 10px;
		background-color: #fff;
		border: 1px solid #ddd;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	fieldset.fieldset.group {
		margin-bottom: 10px;
		padding: 10px;
		background-color: #fff;
		border: 1px solid #ddd;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		.fieldChoice {
			padding: 3px;
			.desc {
				width:60px;
				float:left;
				text-align: right;
			}
			img.choice {
				margin: 0 0 -3px 0;
				cursor: pointer;
			}
		}
	}
	fieldset {
		position:relative;
		&.display {
			margin: 0 0 10px 0; 
			padding: 12px;
			border: 1px dotted #DDD !important;
			&.sectionBreak, &.pageBreak {
				padding: 3px;
				background-color: #F2F2F2;
			}
		}
		.rw{
			.symbol {
				width: 10px;
				min-height: 10px;
				float: left;
				text-align: center;
			}
			.col {
				float: left;				
				vertical-align: middle;
				input.xx, input.xx {
					width: 36px;
				}
				input.xxxx {
					width: 60px;
				}
				&.full2 {
					width: 100%;
				}
			}
		}
		&.sectionBreak {
			.title{
				padding-top: 1px;
				text-align: center;
			}
		}
		&.pageBreak {
			.paging {
				text-align: center;
				padding-top: 6px;
				.button {
					text-align: center;
					margin: auto;
					width: 120px;
					.hasNext, .hasPrevious {						
						cursor: pointer;
					}
				}
			}
			
		}
		&.name {
			.first-name, .last-name{
				float: left;
				input {
					width: 80%;
				}
			}
		}

		&.address {
			.full2 {
				width: 80%;
				
				.line {
					margin-bottom: 10px;
					height: 45px;
				}
			}
			.half2, .half3 {
				width: 47%;
				input {
					width: 100%;
				}
			}
			.half2 {
				float: left;
			}
			.half3 {
				float: right;
			}
			input {
				width: 100%;
			}
		}
		&.date {
			.pick {
				width: 20px;
				text-align: center;
			}
		}
		&.time{
			select.select {
				height: 24px;
				width: 62px;
			}
		}
		&.price {	
			.symbol.currency {
				font-size: 150%;
				width: 20px;
			}	
			.symbol.radix{
				font-size: 150%;
				line-height: 135%;
				bottom: 0;
				text-align: center;
			}
		}
		&.rate {
			.icon-star-empty, .icon-star {
				font-size: 130%;
				display: inline-block;
				width: 14px;
				height: 14px;
				line-height: 14px;
				vertical-align: text-top;
				background-image: url("../img/glyphicons-halflings.png");
				background-position: 14px 14px;
				background-repeat: no-repeat;
			}
		}
		&.file {
			.upload {
				border: 0;
			}
		}
	}
}

.ferror {
	background-color: #FFDFDF !important;
	
	.legend {
		color: red !important;
	}
	.errors {
		color: red !important;
		margin: 15px 0 0 0 !important;
		float: none;
	}
}

